.tree-input-bk__{
    max-height: 0;
    width: calc(100% + 100px);
    top: 38px;
    position: absolute;
    z-index: 999;
    right: 0;
    // left:calc(0px - 100px);
    overflow: hidden;
    transition: max-height .3s;
    -webkit-transition: max-height .3s;

    .tree-input-relation {
        background: @ztree-bg-color  !important;
        border: 1px solid @ztree-border-color  !important;
        padding: 10px;
        // height: 300px;
        // max-width: 300px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;


        .ztreeTopBox {
            margin: 0 0 5px 0;

            input {
                border: 1px solid lighten(@ztree-border-color, 50%);
            }

            &+.ztree {
                flex: auto;
                overflow: auto;
                overflow-y: scroll;
                .scrollbar(8px, 8px);
            }

            .toolsBox {
                line-height: 18px;
                padding: 5px 0 0 0;

                a {
                    color: #fff;
                    margin: 0 0 0 5px;
                    text-decoration: underline;
                }
            }
        }
    }
}


.actTree+.tree-input-bk {
    display: block;
    max-height: 300px;
}

.ztree-form-box {
    height: 100%;
    box-sizing: border-box;

    .ztree-form-main {
        .scrollbar(8px, 8px);
    }
}

.ui-dark{
    .ztree {
        li {
            span {
                &.button {
                    background-image: url(/pr/pc/images/ztree/zTreeStandard.png);
                }
            }

            a {
                color: @body-font-color !important;
            }
        }

        // ul{

        //     li{
        //         span{
        //             &.button{
        //                 background-image: url(/pr/pc/images/ztree/zTreeStandard.png); 
        //             }
        //         }
        //     }
        // }
    }
}